html, body {
	color: #000; 
	background: transparent url(images/bg-dang-nhap.png); 
	margin: 0; padding: 0;
	}
*{
	font-family: Arial, Helvetica, sans-serif!important;
	font-size: 11px;
}
#wrr-body-main{
	overflow: hidden;
	float: left;
	width: 100%;
}
.wrr-ct-pri{
	padding: 0;
	overflow: hidden;
	min-height: 450px;
}
table {width: 100%;}
table.wr-main-ct tr td.col-l {padding: 0; border-width: 0; vertical-align: top; font-size:11px; }
a {
	text-decoration: none;
	color: #000;
}
.st-table a,.breadcrum li.home a{
	color: #0000FF;
}
a.lst-hover{
	color: #E1B006!important;
}
a:hover{
}
.breadcrum li.last span{
	color: #FF8A00!important;
}
.logoxx{
	position: absolute;
	left: 10px;
	top: 20px;
}
a.cprgen{
	text-decoration: underline;
	font-size: 13px;
}
.hidden{
	display: none;
}
.show{
	display: block;
}
ul { margin: 0; padding: 0; list-style: disc inside; text-align: left; 
}
ol { margin: 0; padding: 0; list-style: decimal inside; text-align: left;}
li {color: #2A75C5; font-size:11px;list-style-type: none}
input[type=checkbox]{
	width: auto;
}
input .checkbox{
	width: 30px;
}
.item {border: 1px solid #666;}
.itemHead {padding: 3px; background-color: #2A75C5; color: #fff;}
.itemInfo {text-align: right; padding: 3px; background-color: #efefef}
.itemTitle a {font-weight: bold; color: #fff; background-color: transparent;}
.itemPoster {font-style:italic;}
.itemPostDate {font-style:italic;}
.itemStats {font-style:italic;}
.itemBody {padding-left: 5px;}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}
.itemText:first-letter {font-weight: bold;}
.itemFoot {text-align: right; padding: 3px; background-color: #efefef;}
.itemAdminLink {}
.itemPermaLink {}
ul.deadline{
	padding-left: 10px;
	margin: 0 auto;
}
ul.deadline li{
	float: left;
	line-height: 20px;
}
label{
	color: #000;
}
#header {
	margin : 0;
	padding : 0;
	height:						80px;
	background:					#2A75C5 url(xo-banner_bg.png) repeat-x left top;
	padding:					2px;
	color:						#fff;
	border:						1px solid #000;
}
#headerbanner {width: 100%; vertical-align: middle; text-align:center;}
#headerlogo img {padding: 0;}
#headerbar {border-bottom: 1px solid #ddd; background-image: url(hbar.gif);}

#leftcolumn {width: 170px; border-right: 1px solid #ccc;}
#leftcolumn th {background-color: #2A75C5; color: #fff; vertical-align: middle;}
#leftcolumn .blockTitle {padding: 3px; background-color: #ddd; color: #2A75C5; font-weight: bold;}
#leftcolumn .blockContent {padding: 3px; line-height: 1.2em;}


#centercolumn {
	vertical-align: top;
}
#centercolumn th {background-color: #2A75C5; color: #fff; vertical-align: top;}

#centerCcolumn, #bottomCcolumn {padding: 0 3px 1px 3px;}
#centerCcolumn .blockTitle, #bottomCcolumn .blockTitle {padding: 3px; color: #2A75C5; font-weight: bold; margin-top: 0; margin-right: 0;  margin-left: 0;}
#centerCcolumn .blockContent, #bottomCcolumn .blockContent {border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ddd; padding: 3px; margin-right: 0;  margin-left: 0; margin-bottom: 2px; line-height: 1.2em;}

#centerLcolumn, #bottomLcolumn, #centerRcolumn, #bottomRcolumn {
	width: 50%; padding: 0 3px 0 0;
}
#centerLcolumn .blockTitle, #bottomLcolumn .blockTitle, #centerRcolumn .blockTitle, #bottomRcolumn .blockTitle {
	padding: 3px; color: #2A75C5; font-weight: bold; margin-top: 0;
}
#centerLcolumn .blockContent, #centerRcolumn .blockContent, #bottomLcolumn .blockContent, #bottomRcolumn .blockContent {
	border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ddd; padding: 3px; margin-left: 2px; margin-right: 3px; margin-bottom: 2px; line-height: 1.2em;
}

#content {
	text-align: left; padding:0px;overflow: hidden;
}

#rightcolumn {width: 170px; border-left: 1px solid #ccc;}
#rightcolumn th {background-color: #2A75C5; color: #fff; vertical-align: middle;}
#rightcolumn .blockTitle {padding: 3px; background-color: #ddd; color: #2A75C5; font-weight: bold;}
#rightcolumn .blockContent {padding: 3px; line-height: 1.2em;}

#footerbar { background-image: url(hbar.gif); height : 23px;}
#footerbar td { vertical-align : middle; text-align:center;}

#mainmenu a {background-color: #e6e6e6; display: block; margin: 0; padding: 4px;}
#mainmenu a:hover {background-color: #fff;}
#mainmenu a.menuTop {padding-left: 3px; border-top: 1px solid #c0c0c0; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #c0c0c0;}
#mainmenu a.menuMain {padding-left: 3px; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #c0c0c0;}
#mainmenu a.menuSub {padding-left: 9px; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #c0c0c0;}

#usermenu {	}
#usermenu a {background-color: #e6e6e6; display: block; margin: 0; padding: 2px; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #c0c0c0; font-weight : normal;}
#usermenu a:hover {background-color: #fff;}
#usermenu a.menuTop {border-top: 1px solid #c0c0c0;}
#usermenu a.highlight {background-color: #fcc;}


caption {font-weight: bold;}
th, thead {padding : 2px; vertical-align : middle;}
.outer {border: 1px solid #c0c0c0;}
.head {background-color: #c2cdd6; padding: 5px; font-weight: bold;}
.even {background-color: #dee3e7; padding: 5px;}
.odd {background-color: #E9E9E9; padding: 5px;}
.foot {background-color: #c2cdd6; padding: 5px; font-weight: bold;}
tr.even td {background-color: #dee3e7; padding: 5px;}
tr.odd td {background-color: #E9E9E9; padding: 5px;}
tr.foot td {background-color: #c2cdd6; padding: 5px; color:inherit; font-weight: bold;}

.errorMsg,.confirmMsg, .resultMsg  { padding: .8em; text-align:center; margin-bottom: 1em; border: 2px solid #ddd;}
.errorMsg  { background-color: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.confirmMsg { background-color: #FFF6BF; color: #817134; border-color: #FFD324; }
.resultMsg { background-color: #E6EFC2; color: #529214; border-color: #C6D880; }
.errorMsg a { background-color: transparent; color: #D12F19; }
.confirmMsg a { background-color: transparent; color: #817134; }
.successMsg a { background-color: transparent; color: #529214; }

.xoopsCode { background: #fff; border: 1px inset #000080; padding: 0 6px 6px 6px; height: 200px; overflow: auto;}
.xoopsQuote { background: #fff; border: 1px inset #000080; padding: 0 6px 6px 6px;}
blockquote {font-style : italic; line-height:1.4em;} 

.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {color: #2A75C5; font-weight:bold; border: 1px solid #c0c0c0; background-color: #fff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #2A75C5; font-weight:bold;}
.comUserRank {margin: 2px;}
.comUserRankText {font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName a {color: #fff;}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; }
.comDateCaption {font-weight: bold; font-style: normal;}

/* ---------------------------------------------------------------------------------------------- */
.smallfont{
	font-size:11px;
	color:#999999
}
input, textarea{
	font-size:11px;
	border:1px solid #465DA0;
	width:200px;
	margin-left:0px;
	-moz-box-shadow:1px 1px 0 #E7E7E7;
	-webkit-box-shadow: #E7E7E7 1px 1px 0px;
	padding: 2px;
}
select{
	font-size:11px;
	border:1px solid #465DA0;
	width:206px;
	margin-left:0px;
	-moz-box-shadow:1px 1px 0 #E7E7E7;
	-webkit-box-shadow: #E7E7E7 1px 1px 0px;
	padding: 2px;
}
input.button{
	width:auto;
}
/*-----------------Class buttom------------------------------------------------------------------------*/
.buton_class,.delete,.edit,.blue_add,.save{
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    
    cursor: pointer;
    display: inline-block;
    font: 12px/100% Arial, Helvetica, sans-serif;
    padding: 1px 4px;
    outline: none !important;
    text-align: center;
    text-decoration: none;

    -moz-box-sizing: border-box !important;
    line-height: 16px;
	width:auto;
}
.delete{
	color: #fff;
    border:1px solid #b83b3b;
    background: #cc4d63;
    background: -webkit-gradient(linear, left top, left bottom, from(#cc6868), to(#cc4d63));
    background: -moz-linear-gradient(top,  #cc6868,  #cc4d63);
    text-shadow: 0 1px 1px rgba(0,0,0,0.25);
}
.delete:hover, .delete:focus {
    border:1px solid #b83b3b !important;
    background: #b83b3b;
    background: -webkit-gradient(linear, left top, left bottom, from(#b83b3b), to(#c23851));
    background: -moz-linear-gradient(top,  #b83b3b,  #c23851);
}
.delete:active, .delete.active {
    background: #b83b3b;
    background: -webkit-gradient(linear, left top, left bottom, from(#c23851), to(#b83b3b));
    background: -moz-linear-gradient(top,  #c23851,  #b83b3b);
}
.edit{
	color: #fff;
    border:1px solid #749217;
    background: #8fc857;
    background: -webkit-gradient(linear, left top, left bottom, from(#8fc857), to(#5c9425));
    background: -moz-linear-gradient(top,  #8fc857,  #5c9425);
    text-shadow: 0 1px 1px rgba(0,0,0,0.25);
}
.edit:hover, .edit:focus {
    border:1px solid #749217 !important;
    background: #8fbb44;
    background: -webkit-gradient(linear, left top, left bottom, from(#8fbb44), to(#5c8825));
    background: -moz-linear-gradient(top,  #8fbb44,  #5c8825);
}
.edit:active, .edit.active {
    background: #8fbb44;
    background: -webkit-gradient(linear, left top, left bottom, from(#5c8825), to(#8fbb44));
    background: -moz-linear-gradient(top,  #5c8825,  #8fbb44);
}
.blue_add{
    color: #fff;
    border: 1px solid #0076a3;
    background: #0095cd;
    background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background: -moz-linear-gradient(top,  #00adee,  #0078a5);
    text-shadow: 0 1px 1px rgba(0,0,0,0.25);
}
.blue_add:hover, .blue_add:focus {
    background: #007ead;
    background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
    background: -moz-linear-gradient(top,  #0095cc,  #00678e);
}
.blue_add:active, .blue_add.active {
    background: #80bed6;
    background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
    background: -moz-linear-gradient(top,  #0078a5,  #00adee);
}
.save {
    color: #fef4e9;
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top, #faa51a, #f47a20);
    text-shadow: 0 1px 1px rgba(0,0,0,0.25);
}
.save:hover, .save:focus {
    background: #f47c20;
    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
    background: -moz-linear-gradient(top,  #f88e11,  #f06015);
}
.save:active, .save.active {
    background: #f47a20;
    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
    background: -moz-linear-gradient(top,  #f47a20, #faa51a);
}

/*-----------------------------------------------------------------------------------------------------*/
.shadowntext{
	color: #000;
	text-shadow: 1px 0 #B3CAE1;
}
.wrr-header{
	width:100%;
	float:left;
	background: #fff;
}
.wrr-header .header-right{
	float: left;
	height: 69px;
	width: 80%;
}
#nav{
	clear: both
}
ul.acinfo li{
	list-style-type: none;
	float: left;
	color: #8B8989;
}
ul.acinfo{
	overflow: hidden;
	float: left;
	list-style:none;
}
ul.acinfo li a{
	color: #8B8989
}
ul li.ninfo a{
}
ul li.ninfo a:hover{
	text-decoration: underline;
}
.uname{
	padding-left: 5px;
}
div.modtop{
	position: absolute;
	top: 15px;
}
.wrr-body{
	width: 100%;
}
.wrr-body-r{
}
.wrr-content{
	padding-top: 2px;
}
.head-menu{
}
ul li.itemlast a.top_link{
}
ul li.item_dot{
	background: url(../../images/icons/yelow_dot_color.png) no-repeat left center;
}
.menudown{
	float: right;
	padding-right:10px;
}
table.wr-main-ct tr td.col-r{
	min-height: 600px!important;
	vertical-align: top;
}
/*********CSS for Box************/
div.module-left{
	margin-bottom: 5px;
	margin-right: 5px;
}
div.module-left .t_m{
	background: transparent url(images/box/bg_t_m.png) repeat-x;
	line-height: 22px;
	height: 22px;
}
div.module-left .t_r{
	background: transparent url(images/box/bg_t_r.png) no-repeat right center;
	line-height: 22px;
	height: 22px;
}
div.module-left h3{
	background: transparent url(images/box/bg_t_l.png) no-repeat left center;
	line-height: 22px;
	height: 22px;
	text-align: left;
	padding-left: 15px;
	color: #324E8D;
	margin: 0;
	font-size: 12px;
}
div.module-content{
	background: url(images/box/bg_md.png);
	border-right: 1px solid #86A5D6;
	border-left: 1px solid #86A5D6;
	padding: 10px 10px;
}
a.toggleicon{
	float:right;
	padding:3px 6px;
}
.module-bottom{
	height: 4px;
	line-height: 4px;
	background:  #E2EAF7 url(images/box/md_bt_m.png) repeat-x;
	overflow: hidden;
}
.module-bottom .md-bt-l{
	background:  url(images/box/md_bt_l.png) no-repeat left center;
	height: 4px;
	line-height: 4px;
}
.module-bottom .md-bt-r{
	background:  url(images/box/md_bt_r.png) no-repeat right center;
	height: 4px;
	line-height: 4px;
}
.module-content li{
	line-height: 22px; 
	overflow:hidden;
	list-style-type: none!important;
}
.module-content li a{
	color:#324EA0;
	font-size: 11px;
	padding-left: 5px;
}
.module-content li a:hover{
	text-decoration: underline;
}
table.wr-main-ct{
	min-height: 600px!important;
}
table td.col-l{
	padding-top: 5px;
}

/************* CSS for tooltip menu *************/
.jsddm li{
	float: left;
	list-style: none;
	font: 12px Tahoma, Arial
}

.jsddm li a{
	display: block;
	text-decoration: none;
	border-right: 1px solid white;
	white-space: nowrap;
	font-size: 11px;
}

.jsddm li ul{
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	z-index: 999;
}
		
.jsddm li ul li{
	float: none;
	line-height: 100%;
	padding-left: 29px;
}
			
.jsddm li ul li a{
	width: auto;
	color: #24313C;
	line-height: 12px;
	padding: 7px 35px 7px 0;
	}
a.labelm{
	margin-left: 15px;
}	
.jsddm li ul li a:hover{
	background: #DBECF4 url(images/item-over.gif) repeat-x;
}

ul li span.mn_space{
	line-height: 1px;
	border-bottom: 1px solid #fff;
	background: #E0E0E0;
	display: block;
}
ul li.itemspace{
	padding: 1px!important;
	line-height: 1px!important;
	height: 1px!important;
	display: block!important;
}

.jsddm{
	float: left;
	padding-left:15px;
}
ul.popmn{
	right: 15px;
	border: 1px solid #ccc;
	background:#F0F0F0 url(images/menu.gif) repeat-y;
}
li.logout{
	background: url(../../images/logout.png) no-repeat 5px center;
}
li.profile{
	background: url(../../images/icons/profile.png) no-repeat 5px center;
}
li.feedback{
	background: url(../../images/pencil.png) no-repeat 5px center;
}
ul.toolbartop-list li{
	list-style-type: none;
	float: left;
	padding: 0 10px;
}
div.searchd{
	background: url(images/searchip.png) no-repeat;
	width: 200px;
	height: 21px;
	padding: 2px 0 2px 2px;
	float: left;
}
input.seachtop{
	border: 0;
	float: left;
	height:15px;
	width:172px;
}
a.optsearch{
	display:block;
	float:right;
	height:20px;
	width:24px;
	cursor: pointer;
}
ul.submenu{
	overflow: hidden;
	position: absolute;
	z-index: 999;
	background: #F0F0F0;
	width: 200px;
	border: 1px solid #465DA0;
	display: block
}
ul.submenu li{
	float: none!important;
}


/************************* Layer option ***************/
div.layermask ul li p{
	margin: 0!important;
	padding-left: 25px;
	color: #000;
}
div.layermask  { 
  position:absolute; visibility:hidden; 
  left:0; top:0; z-index:9999; 
  font-size:12px; 
  background: url(images/menu.gif) repeat-y;
  border-right: 1px solid #899DAD;	
  border-bottom: 1px solid #899DAD;	
  border-left: 1px solid #ffffff;	
  border-top: 1px solid #ffffff;	
  z-index: 9999;
}

/* Style specifications for menu items and links  */
div.layermask ul { margin:0; padding:0 }
/* Need to set padding of at least one pixel or ie sets very large margin */
div.layermask ul li { 
  padding:7px 20px 7px 6px;
  margin:0;
  list-style-type:none
  }

/* Set display block and position relative so clicks on list items activate links  */  
div.layermask a { 
  cursor:default;
  margin-left: 25px;
  display:block; position:relative; 
  text-decoration:none;
  color: #000;
  text-shadow: 1px 0 #B3CAE1;
  }
  
div.layermask a:hover { 
	text-decoration:underline;
	color:#000;
	cursor: pointer;
	}
	
/*************CSS for tab***************/
div.container,
div.containerX{
	overflow: hidden;
	background: url(images/tab/bg_title_f.gif) repeat-x top center;
	width: 100%;
}
.wrr-content-right{
	padding: 10px 10px;
	
}
ul.tabs,
ul.tabs-form {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 28px;
	width: 100%;
}
ul.tabs li,
ul.tabs-form li {
	float: left;
	margin: 0;
	padding: 0;
	height: 29px;
	line-height: 29px;
	background: url(images/tab/bg_tab.gif) repeat-x ;
	overflow: hidden;
	position: relative;
	-moz-border-radius-bottomright: 3px;
	-khtml-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-khtml-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	
	-moz-border-radius-topright: 3px;
	-khtml-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-khtml-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
}
ul.tabs li.active,
ul.tabs-form li.active{
	background: url(images/tab/tab_active.gif) repeat-x ;
	height: 29px;
}
ul.tabs li.active a,
ul.tabs-form li.active a{
	background: url(images/tab/tab_border_r_ac.gif) no-repeat right center ;
	height: 29px;
	color: #FF9028;
	font-weight: bold;
}
ul.tabs li a,
ul.tabs-form li a
 {
	text-decoration: none;
	color: #000;
	display: block;
	padding: 0 17px;
	outline: none;
	background: url(images/tab/tab_bt_border.gif) no-repeat right center;
}
ul.tabs li a:hover,
ul.tabs-form li a:hover
 {
	color: #FF9028;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover,
html ul.tabs-form li.active, html ul.tabs-form li.active a:hover
  {
}
.tab_container,
.tab_container-form {
	border-bottom: 1px solid #7484B7;
	border-top: 1px solid #7484B7;
	clear: both;
	float: left; 
	width: 100%;
	background: #FCFEFF url(images/tab/tab_bg_l.gif) repeat-y left top;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
}
.tab_content,
.tab_content-form
 {
	padding: 10px;
	font-size: 1.2em;
	overflow: hidden;
}
.tab_container-form .tab_container_r,
.tab_container .tab_container_r{
	background: url(images/tab/tab_bg_r.gif) repeat-y right top;
	overflow: hidden;
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #254588;
}
div.title_f{
	height: 40px;
	min-height: 40px;
	/*margin-left:4px;*/
}
/***********icon for menu header***********/
ul#nav li.top ul.sub li{
	height: 22px;
}
ul li.item1mnh{
	background: url(../../images/icons/dashboard.png) no-repeat left center;
}
ul li.item2mnh{
	background: url(../../images/icons/group.png) no-repeat left center;
}
ul li.item3mnh{
	background: url(../../images/icons/kuyiyt.png) no-repeat left center;
}
ul li.item4mnh{
	background: url(../../images/icons/item4.png) no-repeat left center;
}
ul li.item5mnh{
	background: url(../../images/icons/bvx.png) no-repeat left center;
}
ul li.item_dbcv{
	background: url(../../images/icons/dashboard.png) no-repeat left center;
}
ul li.item_ncv{
	background: url(../../images/icons/task.gif) no-repeat left center;
}
ul li.item_cvdth{
	background: url(../../images/icons/buildings.png) no-repeat left center;
}
ul li.item_cvf{
	background: url(../../images/icons/page_white_paintbrush.png) no-repeat left center;
}
ul li.item_cvgs{
	background: url(../../images/icons/page_white_find.png) no-repeat left center;
}
ul li.item_cvgv{
	background: url(../../images/Add_Task_list.png) no-repeat left center;
}
ul li.item_calenda1{
	background: url(../../images/icons/calendar_1.png) no-repeat left center;
}
ul li.item_calenda2{
	background: url(../../images/icons/cv.png) no-repeat left center;
}
ul li.item_notes{
	background: url(../../images/icons/note.png) no-repeat left center;
}
ul li.item_dsvb{
	background: url(../../images/icons/books.png) no-repeat left center;
}
ul li.item_ulvb{
	background: url(../../images/icons/uploadvb.png) no-repeat left center;
}
ul li.item_csvb{
	background: url(../../images/icons/communication.png) no-repeat left center;
}
ul li.item_dsht{
	background: url(../../images/icons/danh-sach.gif) no-repeat left center;
}
ul li.item_processht{
	background: url(../../images/icons/page_white_error.png) no-repeat left center;
}
ul li.item_dskn{
	background: url(../../images/icons/page_white_delete.png) no-repeat left center;
}
ul li.item_htfn{
	background: url(../../images/icons/doc_stand.png) no-repeat left center;
}
ul li.item_add_ht{
	background: url(../../images/icons/lifebuoy.png) no-repeat left center;
}
ul li.item_rpkh{
	background: url(../../images/icons/group.png) no-repeat left center;
}
ul li.item_rpcustom{
	background: url(../../images/icons/plugin.png) no-repeat left center;
}
ul li.item_vbcty{
	background: url(../../images/icons/vbcty.png) no-repeat left center;
}
ul li.item_dschbh{
	background: url(../../images/icons/danh-sach.gif) no-repeat left center;
}
ul li.item_topchbh{
	background: url(../../images/icons/item3.png) no-repeat left center;
}
ul li.item_hdht{
	background: url(../../images/icons/viet.gif) no-repeat left center;
}
ul li.item_addcn{
	background: url(../../images/icons/6456.png) no-repeat left center;
}
ul li.item_addtc{
	background: url(../../images/icons/khtc.png) no-repeat left center;
}

/*CSS for breadcrum*/
div.breadcrum,div.breadcrum ul{
	overflow: hidden;
	padding: 5px;
}
div.breadcrum ul li{
	float: left;
	list-style-type: none;
	line-height: 21px;
	height: 21px;
}
div.breadcrum ul li.home{
	padding-left: 20px;
	background: url(../../images/icons/home.gif) no-repeat left center;
	color: #3764A0;
}
div.breadcrum ul li.br_item{
	padding-left: 20px;
	background: url(../../images/icons/di_toi.gif) no-repeat left center;
	color: #C89C27;
}
div.breadcrum ul li.br_item span,
div.breadcrum ul li.br_item a,
div.breadcrum ul li.home a{
	padding-left: 5px;
	font-weight: bold;
	text-shadow: -1px 0 #eee;
	font-size: 13px;
}
div.breadcrum ul li.home a:hover,
div.breadcrum ul li.br_item a:hover{
	text-decoration: underline;
}

/****************CSS for group grid sencha***************/
.detailbox{
	clear: both;
	display: none;
	background: #FEFACB;
}
.expandmulti{
	overflow: hidden;
	text-align: left
}
.expicon{
	float: left
}
ul.tool-list li{
          float: left
}
/*********************CSS for setup************************/
a.tabblock{
	display: block;
	padding: 5px;
	overflow: hidden;
}
a.tabblock:HOVER {
}

/********************CSS fr login************************/
div.wrr-login{
	overflow: hidden;
}
div.wrr-login .login-main{
	background: url(./images/box_dn.png) no-repeat;
	width: 477px;
	height: 300px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 10%;
	position: relative;
	padding: 0 20px;
}
table.login-f{
	overflow: hidden;
	margin-top: 130px;
}
table.login-f label.title{
	margin-right: 10px;
}
table.login-f tr td{
	padding: 2px 0;
}
.ft-coppyright{
	position: absolute;
	bottom: 15px;
	right: 20px;
	font-size: 13px;
}
.spnevnfc{
	font-size: 25px;	
    left: 270px;
    position: absolute;
    text-shadow: 0 1px #FFFFFF;
    top: 44px;
}
/*******************CSS for table list no-sencha***********************/
div.box-l-n{
	overflow: hidden;
	background:#fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.box-l-n-l{
	padding-left: 6px;
	background: url(images/box/corners-sprite.gif) no-repeat;
	border-bottom: 1px solid #99BBE8;
}
.box-l-n-r{
	padding-right: 6px;
	background: url(images/box/corners-sprite.gif) no-repeat right top;
}
.box-l-n-m {
	background:url("images/box/bg_hd.gif") repeat-x scroll 0 0 transparent;
	overflow:hidden;
}
.box-l-n-m h3{
	color:#000000;
	font-size:12px;
	margin:0;
	padding:5px 0;
	text-align: center;
}
.box-l-n-body{
	-moz-border-radius:0 0 5px 5px;
	background:none repeat scroll 0 0 #DFE8F6;
	border-bottom:1px solid #99BBE8;
	border-left:1px solid #99BBE8;
	border-right:1px solid #99BBE8;
	padding: 0 5px;
}
div.box-l-n-body table thead{
	background: url("images/box/header.gif") repeat-x scroll 0 0 transparent;
}
div.box-l-n-body table tbody{
	background: #fff;
}
.box-l-n-wrr{
	border-left: 1px solid #99BBE8;
	border-right: 1px solid #99BBE8;
	border-bottom: 1px solid #99BBE8;
	height: 280px;
	overflow: auto;
}
div.box-l-n-body table tbody tr.row0{
	background: #FAFAFA;
}
div.box-l-n-body table tbody tr:hover{
	background: #FFFFCC;
}

/*CSS paging*/
ul.paging{
	clear:both;
	margin:0 auto;
	overflow:hidden;
	padding:7px;
	width:480px;
}
ul.paging li{
	float: left
}
ul.paging li.numpage select{
	width: 50px;
}
/*CSS for Alert*/
#wrr-alert{
	float:left;
}
#wrr-alert a{
	cursor: pointer;
}
.al-tb,.al-cb,.al-tn,.al-cv,.al-cl{
	position: relative;
	z-index: 999;
}
.wrr-al-tb,.wrr-al-cb,.wrr-al-tn,.wrr-al-cv,.wrr-al-cl{
	position: absolute;
	overflow:visible;
	top:25px;
	border-top:0;
	display: none;
	z-index: 999;
	padding-bottom: 15px;
	background: url("images/bg_alertb.png") no-repeat bottom center;
}
.wrr-al-l{
	background: url("images/bg_alertt.png") repeat-y top center;
	padding-left: 15px;
	position: relative;
}
.wrr-al-content{
	padding-right:10px;
	width:336px;
}
a#al-tn-rq{
	background: transparent url(../../images/icons/message2.png) no-repeat center 5px;
}
a#al-tb-rq{
	background: transparent url(../../images/icons/alert2.png) no-repeat center 5px;
}
a#al-cb-rq{
	background: transparent url(../../images/icons.png) no-repeat -75px -40px;
}
a#al-cv-rq{
	background: transparent url(../../images/icons/page_white_star.png) no-repeat 7px 5px;
}
a#al-cl-rq{
	background: transparent url(../../images/icons.png) no-repeat -141px -40px;
}
a#al-tn-rq,
a#al-tb-rq,
a#al-cb-rq,
a#al-cv-rq,
a#al-cl-rq{
	border-bottom: 0;
	height:25px;
	width:30px;
	display: block;
	border: 1px solid transparent;
}

a.al-hover-tn-rq,a#al-tn-rq:hover{
	background: #fffdfd url(../../images/icons/message2.png) no-repeat center 5px!important;
}
a.al-hover-tb-rq,a#al-tb-rq:hover{
	background: #fffdfd url(../../images/icons/alert2.png) no-repeat center 5px!important;
}
a.al-hover-cb-rq,a#al-cb-rq:hover{
	background: #fffdfd url(../../images/icons.png) no-repeat -75px -40px!important;
}
a.al-hover-cv-rq,a#al-cv-rq:hover{
	background: #fffdfd url(../../images/icons/page_white_star.png) no-repeat 7px 5px !important;
}
a.al-hover-cl-rq,a#al-cl-rq:hover{
	background: #fffdfd url(../../images/icons.png) no-repeat -141px -40px!important;
}
a.al-hover-tb-rq,a.al-hover-cb-rq,a.al-hover-tn-rq,a.al-hover-cv-rq,
.al-hover-cl-rq{
	border-bottom: 0;
	height:25px;
	width:30px;
	display: block;
	border: 1px solid #000!important;
	border-bottom: 0;
}
.tb-rq-count,.cb-rq-count,.tn-rq-count,.cv-rq-count{
	-moz-border-radius:2px 2px 2px 2px;
	background-color:#00376A;
	color:#FFFFFF;
	display:block;
	font-size:9px;
	font-weight:bold;
	padding-bottom:1px;
	position:absolute;
	right:0px;
	top:-1px;
	z-index:101;
}
#tb-rq-count-res,#cb-rq-count-res,#tn-rq-count-res,#cv-rq-count-res{
	-moz-border-radius:2px 2px 2px 2px;
	background-color:#F03D25;
	border-color:-moz-use-text-color #DD3822 #DD3822;
	border-right:1px solid #DD3822;
	border-style:none solid solid;
	border-width:0 1px 1px;
	display:block;
	padding:1px 1px 0;
	font-size: 9px;
	color: #fff;
}
.wrr-alert-main{
	padding: 20px 0;
	overflow: hidden;
}
.wrr-alert-title{
	overflow: hidden;
	border-bottom:1px solid #666666;
	margin: 0 5px;
}
.wrr-alert-title .title{
	float: left;
	font-weight: bold;
	color: #08254b;
	font-size: 13px;
}
.wrr-alert-title .viewall{
	float: right;
	font-weight: bold;
	color: #08254b;
}
.wrr-alert-title .viewall a:hover{
	text-decoration: underline;
}
.wrr-alert-content-p{
}
.wrr-alert-content-p ul.list-alert li{
	border-bottom: 1px solid #ccc;
	padding:5px 0 5px 15px;
}
.wrr-alert-content-p ul.list-alert li div{
	line-height: 16px;
}
.wrr-alert-content-p ul.list-alert li div.ten{
	padding-left: 16px;
}
.wrr-alert-content-p ul.list-alert li div.title{
	overflow: hidden;
}
.wrr-alert-content-p ul.list-alert li div.ten a{
	font-weight: bold;
	color: #324E8D;
}
.wrr-alert-content-p ul.list-alert li div.ten a:hover{
	text-decoration: underline;
}
div.ten{
	clear: both;
}
.wrr-alert-content-p ul.list-alert li p.none{
	color: #000;
	font-size: 13px;
	text-align: center
}
a.dotlight,
ul.list-alert div.label{
	overflow: hidden;
	float: left;
	color: #000;
	font-size: 11px;
	margin: 0;
}
#db-denied{
	overflow: hidden;
}
.s-pro{
	display: none;
	position: absolute;
	width: 200px;
	z-index: 999;
	top: 25px;
	background: #D7E5F5;
	border: 1px solid #181E9E;
	left: 0;
	-webkit-box-shadow: 1px 1px 4px #cccccc;
	-moz-box-shadow: 1px 1px 4px #cccccc;
}
.s-pro ul.sopt li{
	float: left;
	width: 97%;
	padding: 2px 0 2px 5px
}
.s-pro ul.sopt li input[type=radio]{
	margin:0;
}
.s-pro-t{
	margin-left: 3px;
	color: #000;
	float: left;
	width: 175px;
}
#searchoption ul.sopt li:hover{
	background: #fffdfd;
}
a#al-s-a-i-sub span.w-i-c{
	display: block;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 1px 3px;
}
a#al-s-a-i-sub:hover{
	background: #899DAD;
}
.al-hover-s-a-i-sub span.w-i-c{
	-moz-box-shadow: 0 1px 5px #CCCCCC;
	-webkit-box-shadow: 0 1px 5px #CCCCCC;
	position: relative;
	border-top: 1px solid #C3D1EC!important;
	border-left: 1px solid #C3D1EC!important;
	border-right: 1px solid #C3D1EC!important;
	background:#fff;
}
.n-b-d{
	padding-top: 1px;
}
.n-b-d,.w-i-c{
	display: block;
}
.w-i-c{
	z-index: 10000;	
}
#s-a-i-sub{
	 -moz-box-shadow: 0 1px 5px #CCCCCC;
	 -webkit-box-shadow: 0 1px 5px #CCCCCC;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #99BBE8;
    position: absolute;
    text-align: left;
	z-index: 999;
}
#s-a-i-sub ol li{
	float: none;
	line-height: 25px;
}
#s-a-i-sub ol li a{
	color: #324E8D;
	display: block;
	overflow: hidden;
	padding:0 15px 0 4px
}
#s-a-i-sub ol li:hover{
	background:#E4EBF8;
}
ol.s-a-i-m{
	overflow: hidden;
}
span.ic{
	display: block;
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
}
span.pf-ic{
	background: url(../../images/icons/profile.png) no-repeat;
}
span.fb-ic{
	background: url(../../images/pencil.png) no-repeat;
}
span.lo-ic{
	background: url(../../images/logout.png) no-repeat;
}
ul li.checktrung{
	background: url(../../images/icons/cus.png) no-repeat left center;
}
.pickdate{
	background: url(../../images/pickdate.png) no-repeat;
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	cursor: pointer;
}
